<script setup>
import { useRoute,useRouter } from 'vue-router';
const route = useRoute();
const router = useRouter();

</script>
<template>
    <div id="EmptyPage">
        <div class="content">
            <div class="box">
                <img src="@/assets/images/404.jpg" />
                <div class="text">该页面不存在</div>
            </div>
        </div>
    </div>

</template>
<style lang="less" scoped>
#EmptyPage{
    width: 100%;
    height: 100%;
    overflow: hidden;
    .content {
        width: 100%;
        height: calc(100%);
        overflow: hidden;
        margin-top: 10px;
        background: #fff;
        display: flex;
        align-items: center;
        .a-link{
            color:#358de5;
            text-decoration: none;
        }
        .box{
            margin: 0 auto;
            text-align: center;
        }
        .text{
            font-family: 'font1';
            font-size: 20px;
        }
        img {
            display: block;
        }
    }
}
</style>